<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Experimental/Independent Film Community</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="An Independent Film Community" />
<meta name="copyright" content="Cmpe451-ProjectGroup#8" />
<link href="./jsp/user/style/expind-std.css" rel="stylesheet"
	type="text/css" />
<link href="./jsp/user/style/expind.css" rel="stylesheet"
	type="text/css" />
<script language="javascript"
	src="./jsp/user/scripts/jquery-1.8.2.min.js"></script>
<script language="javascript" src="./jsp/user/scripts/expind.js"></script>
</head>
<body>
	<div class="container_24">
		<jsp:include page="header.jsp" />
		<div class="container_24">
			<div class="grid_24">

				<div class="clear height20"></div>

				<div id="content" style="float: left;">


					<!-- yellow start-->
					<div id="posts">
						<marquee>
						<h1>JOB POSTS : You can find published jobs here...</h1>
						</marquee>
						<br /> <br />
						<c:forEach var="movie" items="${movies}">
							<c:if
								test="${not empty movie.actorJobs || not empty movie.crewJobs }">
								<div class="post_title">
									<h1>
										Looking For An Actor For <a href="movie?which=${movie.mid }">${movie.name}</a>
									</h1>
									<h2>${movie.summary}</h2>
								</div>

								<!--actor post start-->
								<div class="post">
									<c:forEach var="actorJob" items="${movie.actorJobs}">
										<c:if test="${actorJob.count >0 }">
											<div class="post_detail">
												<ul>
													<li style="color: red">Actor</li>
													<li>Job Description: ${actorJob.description}</li>
													<li>Gender: <c:forEach var="gender"
															items="${actorJob.genders}">
											 ${gender.genderShowName} 
																			</c:forEach></li>

													<li>Age: ${actorJob.fromAge}</li>
													<li>Height: ${actorJob.height}</li>
													<li>Weight: ${actorJob.weight}</li>
													<li>Hair Color: <c:forEach var="hair"
															items="${actorJob.hairs}">
											 ${hair.hairShowName} 
																			</c:forEach></li>
													<li>Skin Color: <c:forEach var="skin"
															items="${actorJob.skins}">
											 ${skin.skinShowName} 
																			</c:forEach></li>
													<li>Eye Color:<c:forEach var="eyes"
															items="${actorJob.eyes}">
											 ${eyes.eyesShowName} 
																			</c:forEach></li>
												</ul>
											</div>
										</c:if>
									</c:forEach>
								</div>
								<!-- post end-->

								<!--crew post start-->
								<div class="post">
									<c:forEach var="crewJob" items="${movie.crewJobs}">
										<c:if test="${crewJob.count >0 }">
											<div class="post_detail">
												<ul>
													<li style="color: red">${crewJob.title.titleShowName }</li>
													<li>Job Description: ${crewJob.description}</li>
												</ul>
											</div>
										</c:if>
									</c:forEach>
								</div>
								<!-- post end-->
							</c:if>

						</c:forEach>

					</div>
					<!-- yellow end-->
				</div>
			</div>
		</div>
	</div>
</body>
</html>
